@extends('web.master')
@section('title','活动列表')
    @section('head')
        <link rel="stylesheet" href="{{asset('statics/css/index.css')}}" />
        <style>
            .mint-loadmore-bottom{
                text-align: center;
            }
            .page-infinite-loading{
                display:-webkit-box;
                -webkit-box-pack:center;
                -webkit-box-align:center;

            }
        </style>
        @endsection
@section('content')
    @if($count>0)
    <div id="app">
    <div class="contBox"  v-infinite-scroll="loadMore"
         infinite-scroll-disabled="loading"
         infinite-scroll-distance="10">
        <div class="listCont" v-for="item in list">
            <a :href="'/activity/'+item.id">
            <div class="content">
                <div class="pic">
                    <div class="img" :style="{backgroundImage: 'url('+item.thumb+')'}" ></div>
                    <div v-if="item.updated_at" class="tip"><img src="{{asset('statics/images/news.png')}}"/></div>
                </div>
                <div class="title">@{{item.title}}</div>
                <p>时间：@{{ item.start_time }}-@{{ item.end_time }}</p>
            </div>
            </a>
        </div>

    </div>
        <div v-show="loading" class="page-infinite-loading">
            <mt-spinner type="fading-circle"></mt-spinner>
            加载中...
        </div>
    </div>
        @else
        <div class="null">
            <img src="{{asset('statics/images/null.png')}}" />
        </div>
@endif
    @endsection
@section('foot')
    @include('web.components.infinite',['url'=>'/activity/ajaxActivity'])
    @endsection
